<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="repHead">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <!-- Favicon -->
    <link rel="shortcut icon" th:href="@{/backassets/img/favicon.png}">

    <link rel="stylesheet" th:href="@{/https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,400&display=swap}">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/backassets/plugins/bootstrap/css/bootstrap.min.css}">

    <!-- Fontawesome CSS -->
    <link rel="stylesheet" th:href="@{/backassets/plugins/fontawesome/css/fontawesome.min.css}">
    <link rel="stylesheet" th:href="@{/backassets/plugins/fontawesome/css/all.min.css}">

    <!-- Datatables CSS -->
    <link rel="stylesheet" th:href="@{/backassets/plugins/datatables/datatables.min.css}">
    <!-- Main CSS -->
    <link rel="stylesheet" th:href="@{/backassets/css/style.css}">
</head>

<body>
<div class="navbar-area" th:fragment="rep1">
    <!-- Header -->
    <div class="header">
    <!-- Logo -->
    <div class="header-left">
        <a th:href="@{/admindex}" class="logo">
            <img th:src="@{/backassets/img/wawa.jpg}" alt="Logo">
        </a>
        <a th:text="编程蛙" class="logo"></a>
        <a th:href="@{/admindex}" class="logo logo-small">
            <img th:src="@{/backassets/img/prprprpr.jpg}" alt="Logo" width="30" height="30">
        </a>
    </div>
    <!-- /Logo -->

    <a href="javascript:void(0);" id="toggle_btn">
        <i class="fas fa-align-left"></i>
    </a>



        <!-- Mobile Menu Toggle -->
        <a class="mobile_btn" id="mobile_btn">
            <i class="fas fa-bars"></i>
        </a>
        <!-- /Mobile Menu Toggle -->

        <!-- Header Right Menu -->
        <ul class="nav user-menu">



            <!-- User Menu -->
            <li class="nav-item dropdown has-arrow">
                <a th:href="@{#}" class="dropdown-toggle nav-link" data-toggle="dropdown">
                    <span class="user-img"><img class="rounded-circle" src="/backassets/img/prprprpr.jpg" width="31" alt="Ryan Taylor"></span>
                </a>
                <div class="dropdown-menu">
                    <div class="user-header">
                        <div class="avatar avatar-sm">
                            <img src="/backassets/img/prprprpr.jpg" alt="User Image" class="avatar-img rounded-circle">
                        </div>
                        <div class="user-text">
                            <h6>Admin</h6>
                            <p class="text-muted mb-0">Administrator</p>
                        </div>
                    </div>
                    <a class="dropdown-item" th:href="@{/admin}">退出登录</a>
                </div>
            </li>
            <!-- /User Menu -->

        </ul>

        <!-- /Header Right Menu -->
    </div>
    <!-- /Header -->

</div>

<div th:fragment="repsc">
    <!-- /Main Wrapper -->

    <!-- jQuery -->
    <script th:src="@{/backassets/js/jquery-3.5.1.min.js}"></script>

    <!-- Bootstrap Core JS -->
    <script th:src="@{/backassets/js/popper.min.js}"></script>
    <script th:src="@{/backassets/plugins/bootstrap/js/bootstrap.min.js}"></script>

    <!-- Slimscroll JS -->
    <script th:src="@{/backassets/plugins/slimscroll/jquery.slimscroll.min.js}"></script>

    <!-- Chart JS -->
    <script th:src="@{/backassets/plugins/apexchart/apexcharts.min.js}"></script>
    <script th:src="@{/backassets/plugins/apexchart/chart-data.js}"></script>
    <!-- Datatables JS -->
    <script th:src="@{/backassets/plugins/datatables/datatables.min.js}"></script>
    <!-- Custom JS -->
    <script  th:src="@{/backassets/js/script.js}"></script>
</div>

</body>
</html>